<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./scenicDetail.css">
    <link rel="stylesheet" href="../css/common.css">
</head>
<body>
<script src="../js/jquery.min.js"></script>
<script src="../js/echarts.min.js"></script>
<div class="baseDataAnalysis">
    <div class="header">
        <ul class="headerWap">
            <li class="headerLeft">
                <div class="index"></div>
                <div class="basicData"></div>
                <div class="secentAnalysis"></div>
                <div class="roomAnalysis"></div>
            </li>
            <li class="headerCenter"></li>
            <li class="headerRight">
                <div class="holidayAnalysis"></div>
                <div class="tirvalFace"></div>
                <div class="teamWatch"></div>
                <div class="seceryWatch"></div>
            </li>
        </ul>
    </div>
    <div class="content">
        <div class="contents">
            <ul class="wapList">
                <li class="left">
                    <div class="top">
                        <div class="allPageWap">
                            <div class="allpageTitle">
                                <div class="allpageTitleLeft">
                                    <span class="allpageTitleDot"></span>
                                    <span class="allpageTitleDetail" id="scenicName"></span>
                                </div>
                                <div class="allpageTitleRight">数据来源：运营商</div>
                            </div>
                            <ul class="allPageContent" id="scenicWeather">
                               <!--<li class="date" id="date"></li>
                               <li class="weather">
                                   <img src="../image/scenicDetails/arrowBown.png">
                               </li>
                                <li class="weatherSituation">晴</li>
                               <li class="weatherDetail">
                                   32^C - 25^C 无持续风向
                               </li>
                               <li class="arrSituation">
                                   <span class="tit">实时空气质量：</span>
                                   <span class="stuaution">20优</span>
                               </li>-->
                            </ul>
                        </div>
                    </div>
                    <div class="bottom">
                        <div class="allPageWap">
                            <div class="allpageTitle">
                                <div class="allpageTitleLeft">
                                    <span class="allpageTitleDot"></span>
                                    <span class="allpageTitleDetail">今日景区舒适度</span>
                                </div>
                                <div class="allpageTitleRight">数据来源：运营商</div>
                            </div>
                            <div class="allPageContent" style="display: flex;justify-content: space-between">
                                <div id="scenicComfortable"></div>
                                <ul class="scenicComfortable">

                                </ul>
                            </div>
                        </div>
                    </div>

                </li>
                <li class="leftCenter" >
                    <div class="ups">
                        <div class="allPageWap" style="width: 98.5%;">
                            <div class="allpageTitle">
                                <div class="allpageTitleLeft">
                                    <span class="allpageTitleDot"></span>
                                    <span class="allpageTitleDetail">景区实时客流量</span>
                                </div>
                                <div class="allpageTitleRight">数据来源：运营商</div>
                            </div>
                            <div class="allPageContent" >
                                <div id="sumTirvaler"></div>
                            </div>
                        </div>
                    </div>
                    <div class="downs">
                        <div class="allPageWap" style="width: 98.5%;">
                            <div class="allpageTitle">
                                <div class="allpageTitleLeft">
                                    <span class="allpageTitleDot"></span>
                                    <span class="allpageTitleDetail">景区接待人数走势</span>
                                </div>
                                <div class="allpageTitleRight">数据来源：运营商</div>
                            </div>
                            <div class="allPageContent" >
                                <div id="compares"></div>
                            </div>
                        </div>
                    </div>
                </li>
                <li class="rightCenter">
                    <div class="allPageWap" style="width: 97%">
                        <div class="allpageTitle">
                            <div class="allpageTitleLeft">
                                <span class="allpageTitleDot"></span>
                                <span class="allpageTitleDetail">省内车辆来源TOP10</span>
                            </div>
                            <div class="allpageTitleRight">数据来源：运营商</div>
                        </div>
                        <div class="allPageContent" >
                            <div id="parkRank" ></div>
                        </div>
                    </div>
                </li>
                <li class="right">
                    <div class="allPageWap" >
                        <div class="allpageTitle" >
                            <div class="allpageTitleLeft">
                                <span class="allpageTitleDot"></span>
                                <span class="allpageTitleDetail">景区最新舆论信息</span>
                            </div>
                            <div class="allpageTitleRight">数据来源：运营商</div>
                        </div>
                        <div class="allPageContent" >
                            <div class="tittles">
                                <div class="news">新闻标题</div>
                                <div class="from">来源站点</div>
                                <div class="time">发布时间</div>
                            </div>
                            <div class="content" id="contents">
                            </div>
                        </div>
                    </div>
                </li>
                <li class="adds">
                    <div class="allPageWap" >
                        <div class="allpageTitle">
                            <div class="allpageTitleLeft">
                                <span class="allpageTitleDot"></span>
                                <span class="allpageTitleDetail">景区负面舆情信息</span>
                            </div>
                            <div class="allpageTitleRight">数据来源：运营商</div>
                        </div>
                        <div class="allPageContent" >
                            <div class="tittles">
                                <div class="news">新闻标题</div>
                                <div class="from">来源站点</div>
                                <div class="time">发布时间</div>
                            </div>
                            <div class="content" id="content">

                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
        <ul class="footer">
            <li>
                <div class="liWaps">
                    <div class="tittle">
                        <div class="tittleLeft">
                            <span class="dot"></span>
                            <span class="from">餐饮场所统计</span>
                        </div>
                        <div class="tittleRight">
                            数据来源：发改委
                        </div>
                    </div>
                    <div class="footerConentList">
                        <div class="videos"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="liWaps">
                    <div class="tittle">
                        <div class="tittleLeft">
                            <span class="dot"></span>
                            <span class="from">餐饮场所统计</span>
                        </div>
                        <div class="tittleRight">
                            数据来源：发改委
                        </div>
                    </div>
                    <div class="footerConentList">
                        <div class="videos"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="liWaps">
                    <div class="tittle">
                        <div class="tittleLeft">
                            <span class="dot"></span>
                            <span class="from">餐饮场所统计</span>
                        </div>
                        <div class="tittleRight">
                            数据来源：发改委
                        </div>
                    </div>
                    <div class="footerConentList">
                        <div class="videos"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="liWaps">
                    <div class="tittle">
                        <div class="tittleLeft">
                            <span class="dot"></span>
                            <span class="from">餐饮场所统计</span>
                        </div>
                        <div class="tittleRight">
                            数据来源：发改委
                        </div>
                    </div>
                    <div class="footerConentList">
                        <div class="videos"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="liWaps">
                    <div class="tittle">
                        <div class="tittleLeft">
                            <span class="dot"></span>
                            <span class="from">餐饮场所统计</span>
                        </div>
                        <div class="tittleRight">
                            数据来源：发改委
                        </div>
                    </div>
                    <div class="footerConentList">
                        <div class="videos"></div>
                    </div>
                </div>
            </li>
            <li>
                <div class="liWaps">
                    <div class="tittle">
                        <div class="tittleLeft">
                            <span class="dot"></span>
                            <span class="from">餐饮场所统计</span>
                        </div>
                        <div class="tittleRight">
                            数据来源：发改委
                        </div>
                    </div>
                    <div class="footerConentList">
                        <div class="videos"></div>
                    </div>
                </div>
            </li>

        </ul>
    </div>
</div>
<script src="../js/url.js"></script>
<script src="../js/require.js"></script>
<script src="scenicDetail.js"></script>
<script src="../js/nav.js"></script>
</body>
</html>
